﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div style="display:block; margin:0 auto">
    <div class="carousel" id="carousel2" style="float:left; margin-left:15px; margin-top:3px">
        <div class="slide">
            <img src="~/Image/FilmImage/Am_Mua_Giay_Got_Nhon.jpg" class="cover1" height="400" width="600"/>
        </div>
        <div class="slide">
            <img src="~/Image/FilmImage/Lua_Phat.jpg" class="cover1" height="400" width="600"/>
        </div>
        <div class="slide">
            <img src="~/Image/FilmImage/Qua_Tim_Mau.jpg" class="cover1" height="400" width="600"/>
        </div>
    </div>
</div>
<div style="float:left; height: 400px; width:382px; background-color:black; margin-top:3px;">
    <div style="margin-left: 10px; margin-top:20px; height:100%;">
        <h3 style="color: white">PHIM HOT TRONG TUẦN</h3>
            <hr style="margin-top:-5px"/>
            <div style="clear:left; padding: 10px; display:block">
                <div class="tile">
                    <div class="tile-content image">
                        <img src="~/Image/FilmImage/Vertical/Lua_phat_vertical.jpg" style="height:83px; width:83px"/>
                    </div>     
                </div>
                <div style="float: left; background-color: white; height: 83px; width: 250px">
                    <p style="background-color: white">12312312312312312</p>
                </div>
            </div>
            <div style="clear:left; padding: 10px;">
                <div class="tile">
                    <div class="tile-content image">
                        <img src="~/Image/FilmImage/Am_Mua_Giay_Got_Nhon.jpg"  style="height:83px; width:83px" />
                    </div>
                </div>
                <div style="float: left; background-color: white; height: 83px; width: 250px">
                    <p style="background-color: white">12312312312312312</p>
                </div>
            </div>
            <div style="clear:left; padding: 10px;">
                <div class="tile">
                    <div class="tile-content image">
                        <img src="~/Image/FilmImage/Vertical/Qua_tim_mau_vertical.jpg"  style="height:83px; width:83px"/>
                    </div>
                </div>
                <div style="float: left; background-color: white; height: 83px; width: 250px">
                    <p style="background-color: white">12312312312312312</p>
                </div>
            </div>
    </div>
</div>

<div class="panel" style="display: block; float:left; height:500px; width:982px; background-color:white; margin-top:20px; margin-left:15px">
    <div class="container">
        <div class="panel-header bg-lightBlue fg-white">
            CÁC PHIM ĐANG KHUYẾN MÃI
        </div>
        <hr style="margin-top:-5px; background-color:black; height: 2px;"/>
        <div style="display:block; margin:0 auto">
            <div style="float:left;">
                <div class="tile quadro block" style="margin-left: 15px; border: solid; border-width: 1px">
                    <img src="~/Image/FilmImage/Vertical/Am_muu_giay_got_nhon_vertical.jpg" style="height: 360px; width: 260px" />
                </div>
                <div style="margin-left: 12px">
                    <div style="float: left; margin: 10px">
                        <button class="inverse">Mua vé ngay</button>
                    </div>
                    <div style="float: left; margin: 10px">
                        <button class="inverse">Xem lịch chiếu</button>
                    </div>
                </div>
            </div>
            <div style="float:left; height:430px; width:680px;">
                <div style="float:left; height:50px; width:50px; margin-left:20px; margin:150px; margin-left:40px; margin-top:0px " >
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Qua_Tim_Mau.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:0px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                 <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:0px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:40px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px" />
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="panel" style="display: table-cell; float:left; height:500px; width:982px; background-color:white; margin-top:20px; margin-left:15px">
    <div class="container">
        <div class="panel-header bg-lightBlue fg-white">
            CÁC PHIM ĐANG CHIẾU
        </div>
        <hr style="margin-top:-5px; background-color:black; height: 2px;"/>
        <div style="display:block; margin:0 auto">
            <div style="float:left;">
                <div class="tile quadro block" style="margin-left: 15px; border: solid; border-width: 1px">
                    <img src="~/Image/FilmImage/Vertical/Am_muu_giay_got_nhon_vertical.jpg" style="height: 360px; width: 260px" />
                </div>
                <div style="margin-left: 12px">
                    <div style="float: left; margin: 10px">
                        <button class="inverse">Mua vé ngay</button>
                    </div>
                    <div style="float: left; margin: 10px">
                        <button class="inverse">Xem lịch chiếu</button>
                    </div>
                </div>
            </div>
            <div style="float:left; height:430px; width:680px;">
                <div style="float:left; height:50px; width:50px; margin-left:20px; margin:150px; margin-left:40px; margin-top:0px " >
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Qua_Tim_Mau.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:0px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                 <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:0px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:40px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px" />
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="panel" style="display: table-cell; float:left; height:500px; width:982px; background-color:white; margin-top:20px; margin-left:15px">
    <div class="container">
        <div class="panel-header bg-lightBlue fg-white">
            CÁC PHIM SẮP CHIẾU
        </div>
        <hr style="margin-top:-5px; background-color:black; height: 2px;"/>
        <div style="display:block; margin:0 auto">
            <div style="float:left;">
                <div class="tile quadro block" style="margin-left: 15px; border: solid; border-width: 1px">
                    <img src="~/Image/FilmImage/Vertical/Am_muu_giay_got_nhon_vertical.jpg" style="height: 360px; width: 260px" />
                </div>
                <div style="margin-left: 12px">
                    <div style="float: left; margin: 10px">
                        <button class="inverse">Mua vé ngay</button>
                    </div>
                    <div style="float: left; margin: 10px">
                        <button class="inverse">Xem lịch chiếu</button>
                    </div>
                </div>
            </div>
            <div style="float:left; height:430px; width:680px;">
                <div style="float:left; height:50px; width:50px; margin-left:20px; margin:150px; margin-left:40px; margin-top:0px " >
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Qua_Tim_Mau.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:0px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                 <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:0px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:40px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px" />
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
                <div style="float:left; height:50px; width:50px; margin:150px; margin-left:10px; margin-top:20px ">
                    <div class="tile double">
                        <div class="tile-content image">
                            <img src="~/Image/FilmImage/Lua_Phat.jpg" style="height:200px; width:159px"/>
                        </div>
                        <div>
                            <button class="small warning" style="margin-left:1.25px; margin-top:165px">Lịch chiếu</button>
                            <button class="small warning" style="width:76px; margin-top:165px">Mua vé   </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="panel" style="display: table-cell; float:left; height:500px; width:982px; background-color:white; margin-top:20px; margin-left:15px">
    <div class="container">
        <div class="panel-header bg-lightBlue fg-white">
            CÁC RẠP GẦN NHÀ BẠN
        </div>
        <hr style="margin-top:-5px; background-color:black; height: 2px;"/>
        <div style="display:block; margin:0 auto">
            <div style="float:left;">
                <div class="tile triple" style="margin-left: 15px; border: solid; border-width: 1px">
                    <img src="~/Image/FilmImage/Vertical/Am_muu_giay_got_nhon_vertical.jpg" style="height: 360px; width: 260px" />
                </div>
                 <div style="margin-left: 12px">
                    <table>
                        <tr>
                            <td>
                                Tên rạp: 
                            </td>
                            <td>Galaxy Tân Bình
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Địa chỉ: 
                            </td>
                            <td colspan="2">
                                116 Nguyễn Du, Quận 1, Tp.HCM
                            </td>
                        </tr>
                        <tr>
                            <td> </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                Khoảng cách:  
                            </td>
                            <td>
                                10km
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="margin-left: 12px">
                    <div style="float: left; margin: 3px">
                        <button class="inverse">Xem lịch chiếu</button>
                    </div>
                </div>
            </div>
            <div style="float: left;">
                <div class="tile triple" style="margin-left: 15px; border: solid; border-width: 1px">
                    <img src="~/Image/FilmImage/Vertical/Am_muu_giay_got_nhon_vertical.jpg" style="height: 360px; width: 260px" />
                </div>
                 <div style="margin-left: 12px">
                    <table>
                        <tr>
                            <td>
                                Tên rạp: 
                            </td>
                            <td>Galaxy Tân Bình
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Địa chỉ: 
                            </td>
                            <td colspan="2">
                                116 Nguyễn Du, Quận 1, Tp.HCM
                            </td>
                        </tr>
                        <tr>
                            <td> </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                Khoảng cách:  
                            </td>
                            <td>
                                10km
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="margin-left: 12px">
                    <div style="float: left; margin: 3px">
                        <button class="inverse">Xem lịch chiếu</button>
                    </div>
                </div>
            </div>
            <div style="float: left;">
                <div class="tile triple" style="margin-left: 15px; border: solid; border-width: 1px">
                    <img src="~/Image/FilmImage/Vertical/Am_muu_giay_got_nhon_vertical.jpg" style="height: 360px; width: 260px" />
                </div>
                <div style="margin-left: 12px">
                    <table>
                        <tr>
                            <td>
                                Tên rạp: 
                            </td>
                            <td>Galaxy Tân Bình
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Địa chỉ: 
                            </td>
                            <td colspan="2">
                                116 Nguyễn Du, Quận 1, Tp.HCM
                            </td>
                        </tr>
                        <tr>
                            <td> </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                Khoảng cách:  
                            </td>
                            <td>
                                10km
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="margin-left: 12px">
                    <div style="float: left; margin: 3px">
                        <button class="inverse">Xem lịch chiếu</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>

    $(function () {
        $("#carousel2").carousel({
            width: 600,
            height: 400,
            effect: 'fade',
            markers: {
                show: true,
                type: 'square',
                position: 'bottom-right'
            }
        });
    })

</script>
